<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>VideNest - 您的全能视频播放平台</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" />
  </head>
  <body>
    <header>
      <nav class="container">
        <div class="logo">
          <h1><i class="fas fa-play-circle"></i> VideNest</h1>
        </div>
        <div class="menu-toggle">
          <i class="fas fa-bars"></i>
        </div>
        <ul class="nav-menu">
          <li><a href="#features" class="nav-link">功能特点</a></li>
          <li><a href="#categories" class="nav-link">视频分类</a></li>
          <li><a href="#future" class="nav-link">未来规划</a></li>
          <li><a href="#download" class="nav-link m-btn">立即下载</a></li>
        </ul>
      </nav>
    </header>

    <section class="hero">
      <div class="container">
        <div class="hero-content">
          <h1>VideNest <span class="highlight">影巢视频</span></h1>
          <h2>一站式视频观看体验</h2>
          <p>免费观看各大平台VIP视频，无需登录注册，永久免费使用，让您的观影体验更加畅快</p>
          <div class="hero-buttons">
            <a href="#download" class="btn btn-primary">立即下载</a>
            <a href="#features" class="btn btn-secondary">了解更多</a>
          </div>
        </div>
        <div class="hero-image">
          <img src="./images/home.png" alt="VideNest应用预览" />
        </div>
      </div>
      <div class="scroll-indicator"></div>
    </section>

    <section id="features" class="features">
      <div class="container">
        <h2 class="section-title">强大功能，<span class="highlight-text">简单操作</span></h2>
        <div class="features-grid">
          <div class="feature-card">
            <div class="feature-icon">
              <i class="fas fa-unlock-alt"></i>
            </div>
            <h3>VIP视频免费看</h3>
            <p>突破限制，免费观看各大平台的VIP独享内容，无需付费会员</p>
          </div>
          <div class="feature-card">
            <div class="feature-icon">
              <i class="fas fa-globe"></i>
            </div>
            <h3>海量视频资源</h3>
            <p>聚合多个平台的视频资源，一站式满足您的所有观影需求</p>
          </div>
          <div class="feature-card">
            <div class="feature-icon">
              <i class="fas fa-user-shield"></i>
            </div>
            <h3>无需注册登录</h3>
            <p>下载即用，无需繁琐的注册和登录流程，保护您的隐私</p>
          </div>
          <div class="feature-card">
            <div class="feature-icon">
              <i class="fas fa-desktop"></i>
            </div>
            <h3>简洁操作界面</h3>
            <p>界面设计简洁直观，操作便捷，老少皆宜</p>
          </div>
        </div>
      </div>
    </section>

    <section id="categories" class="categories">
      <div class="container">
        <h2 class="section-title">丰富多样的<span class="highlight-text">视频分类</span></h2>
        <div class="categories-grid">
          <div class="category-card">
            <div class="category-icon">
              <i class="fas fa-film"></i>
            </div>
            <h3>电影</h3>
            <p>最新热门电影，经典老片，应有尽有</p>
          </div>
          <div class="category-card">
            <div class="category-icon">
              <i class="fas fa-tv"></i>
            </div>
            <h3>电视剧</h3>
            <p>国内外热播剧集，追剧不再等待</p>
          </div>
          <div class="category-card">
            <div class="category-icon">
              <i class="fas fa-laugh"></i>
            </div>
            <h3>综艺</h3>
            <p>各类热门综艺节目，轻松娱乐</p>
          </div>
          <div class="category-card">
            <div class="category-icon">
              <i class="fas fa-child"></i>
            </div>
            <h3>动漫</h3>
            <p>国漫日漫，应有尽有</p>
          </div>
          <div class="category-card">
            <div class="category-icon">
              <i class="fas fa-plane"></i>
            </div>
            <h3>海外视频</h3>
            <p>海外精选内容，开阔视野</p>
          </div>
          <div class="category-card">
            <div class="category-icon">
              <i class="fas fa-graduation-cap"></i>
            </div>
            <h3>教育</h3>
            <p>优质教育资源，学习充电</p>
          </div>
        </div>
      </div>
    </section>

    <section id="future" class="future">
      <div class="container">
        <h2 class="section-title">未来功能<span class="highlight-text">规划</span></h2>
        <div class="future-content">
          <div class="future-image">
            <img src="./images/task.png" alt="未来功能预览" />
          </div>
          <div class="future-text">
            <div class="future-feature">
              <i class="fas fa-cloud"></i>
              <div>
                <h3>网盘视频播放</h3>
                <p>支持直接播放各大网盘中的视频文件，无需下载</p>
              </div>
            </div>
            <div class="future-feature">
              <i class="fas fa-folder-open"></i>
              <div>
                <h3>本地视频播放</h3>
                <p>支持播放本地视频文件，成为您的全能播放器</p>
              </div>
            </div>
            <div class="future-feature">
              <i class="fas fa-mobile-alt"></i>
              <div>
                <h3>多平台支持</h3>
                <p>支持Windows、Mac、Linux、Android等多个平台</p>
              </div>
            </div>
            <div class="future-feature">
              <i class="fas fa-sync"></i>
              <div>
                <h3>云端同步</h3>
                <p>观看记录云端同步，多设备无缝切换</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="download" class="download">
      <div class="container">
        <h2 class="section-title">立即下载，开启视频新体验</h2>
        <p class="download-subtitle">完全免费，永久使用，无广告干扰，为您提供极致流畅的观影体验</p>
        <div class="download-buttons">
          <a href="#" class="download-btn">
            <i class="fab fa-windows"></i>
            <span>Windows版下载</span>
          </a>
          <a href="https://hanpanpan-01-generic.pkg.coding.net/videnest/ck/VideNest_2.2.0.dmg?version=latest" class="download-btn">
            <i class="fab fa-apple"></i>
            <span>Mac版下载</span>
          </a>
        </div>
      </div>
    </section>

    <footer>
      <div class="container">
        <div class="footer-content">
          <div class="footer-logo">
            <h2><i class="fas fa-play-circle"></i> VideNest</h2>
            <p>您的全能视频播放平台，致力于为用户提供最优质的视频观看体验</p>
          </div>
          <div class="footer-links">
            <h3>快速链接</h3>
            <ul>
              <li><a href="#features">功能特点</a></li>
              <li><a href="#categories">视频分类</a></li>
              <li><a href="#future">未来规划</a></li>
            </ul>
          </div>
          <div class="footer-contact">
            <h3>联系我们</h3>
            <p><i class="fas fa-envelope"></i> support@videnest.com</p>
            <div class="social-icons">
              <a href="#"><i class="fab fa-weixin"></i></a>
              <!-- <a href="#"><i class="fab fa-weibo"></i></a> -->
              <a href="#"><i class="fab fa-github"></i></a>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <p>&copy; 2025 VideNest. 保留所有权利。</p>
        </div>
      </div>
    </footer>

    <script src="js/script.js"></script>
  </body>
</html>
